diff options
| author | Ja.KooLit <85185940+JaKooLit@users.noreply.github.com> | 2024-06-11 04:15:57 +0900 |
|---|---|---|
| committer | GitHub <noreply@github.com> | 2024-06-11 04:15:57 +0900 |
| commit | 22b85572e891b874011893f62d4eaf94f20486df (patch) | |
| tree | 3452d4164a8964cd85fe57de2bd128baeb0ee2ff /config/waybar/style/[Catppuccin] Latte.css | |
| parent | c4ee8142bf7e8d89602cb7712da10888a54d438b (diff) | |
| parent | ed21639feebd8e3b6a6a4c2a59686f777b9688b9 (diff) | |
Merge pull request #338 from JaKooLit/development
Development to Main including pre-release
Diffstat (limited to 'config/waybar/style/[Catppuccin] Latte.css')
| -rw-r--r-- | config/waybar/style/[Catppuccin] Latte.css | 116 |
1 files changed, 47 insertions, 69 deletions
diff --git a/config/waybar/style/[Catppuccin] Latte.css b/config/waybar/style/[Catppuccin] Latte.css index a79f2739..92eac7ff 100644 --- a/config/waybar/style/[Catppuccin] Latte.css +++ b/config/waybar/style/[Catppuccin] Latte.css @@ -15,7 +15,6 @@ font-feature-settings: '"zero", "ss01", "ss02", "ss03", "ss04", "ss05", "cv31"'; window#waybar { transition-property: background-color; transition-duration: 0.5s; - /*background: transparent;*/ border-bottom: 2px solid @sapphire; background: @theme_base_color; border-radius: 10px; @@ -25,23 +24,55 @@ window#waybar.hidden { opacity: 0.2; } -#waybar.empty #window { - background: none; +window#waybar.empty, +window#waybar.empty #window { + background-color: transparent; + padding: 0px; + border: 0px; } -/* This section can be use if you want to separate waybar modules*/ -/* Remember to set transparent on waybar above */ -/*.modules-left, .modules-center, .modules-right { */ -/* background: @theme_base_color; */ -/* border: 0.5px solid @overlay0; */ -/* padding: 0px 5px; */ -/* border-radius: 10px; */ -/*} */ +#taskbar button, +#workspaces button { + box-shadow: none; + text-shadow: none; + padding: 0px; + border-radius: 9px; + padding-left: 4px; + padding-right: 4px; + animation: gradient_f 20s ease-in infinite; + transition: all 0.5s cubic-bezier(.55,-0.68,.48,1.682); +} -/* .modules-left, .modules-right { */ -/* border: 1px solid @blue; */ -/* margin: 0px 5px;*/ -/*}*/ +#taskbar button:hover, +#workspaces button:hover { + border-radius: 10px; + color: @overlay0; + background-color: @surface0; + padding-left: 2px; + padding-right: 2px; + animation: gradient_f 20s ease-in infinite; + transition: all 0.3s cubic-bezier(.55,-0.68,.48,1.682); +} + +#workspaces button.persistent { + color: @surface1; + border-radius: 10px; +} + +#taskbar button.active, +#workspaces button.active { + color: @peach; + border-radius: 10px; + padding-left: 8px; + padding-right: 8px; + animation: gradient_f 20s ease-in infinite; + transition: all 0.3s cubic-bezier(.55,-0.68,.48,1.682); +} + +#workspaces button.urgent { + color: @red; + border-radius: 0px; +} #backlight, #backlight-slider, @@ -163,59 +194,6 @@ window#waybar.hidden { color: @flamingo; } -#workspaces button { - box-shadow: none; - text-shadow: none; - padding: 0px; - border-radius: 9px; - padding-left: 4px; - padding-right: 4px; - animation: gradient_f 20s ease-in infinite; - transition: all 0.5s cubic-bezier(.55,-0.68,.48,1.682); -} - -#workspaces button:hover { - border-radius: 10px; - color: @overlay0; - background-color: @surface0; - padding-left: 2px; - padding-right: 2px; - animation: gradient_f 20s ease-in infinite; - transition: all 0.3s cubic-bezier(.55,-0.68,.48,1.682); -} - -#workspaces button.persistent { - color: @surface1; - border-radius: 10px; -} - -#workspaces button.active { - color: @peach; - border-radius: 10px; - padding-left: 8px; - padding-right: 8px; - animation: gradient_f 20s ease-in infinite; - transition: all 0.3s cubic-bezier(.55,-0.68,.48,1.682); -} - -#workspaces button.urgent { - color: @red; - border-radius: 0px; -} - -#taskbar button.active { - padding-left: 8px; - padding-right: 8px; - animation: gradient_f 20s ease-in infinite; - transition: all 0.3s cubic-bezier(.55,-0.68,.48,1.682); -} - -#taskbar button:hover { - padding-left: 3px; - padding-right: 3px; - animation: gradient_f 20s ease-in infinite; - transition: all 0.3s cubic-bezier(.55,-0.68,.48,1.682); -} #custom-cava_mviz { color: @pink; } @@ -259,7 +237,7 @@ window#waybar.hidden { color: @mauve; } -#custom-waybar-mpris { +#mpris { color:@lavender; } |
